<div data-role='page grid' data-grid-rows="<%$($.self.utils.fusionStatusBar()?'20,':'')%>45,*,50" data-grid-cols="*">
	<%$($.self.utils.fusionStatusBarSpace(20))%>
		<%
			var info = this.info;
			var path = this.imgPath;
			var id = this.shid;
			console.log(this);
		%>
		<div class='ui-header' data-role="cell" style="position:relative;">
			<div class='ui-bar-left' data-event='tap>back'>
				<i class='ui-icon-31-back'></i>
			</div>
			<div class='ui-title'>
				<span>文章详情</span>
			</div>
			<div class='ui-bar-right' data-event="tap>!toggleMenu">
				<i class='ui-icon-project ui-icon-menu'></i>
			</div>
		</div>
			<div class="ui-service-top-menu" style="display:none;">
				<ul>
					<li data-event="click>sayGood">
						<i class="ui-icon-project ui-icon-zan"></i><span>赞</span>
					</li>
					<li data-event="click>add2fav">
						<i class="ui-icon-project ui-icon-shoucang-black"></i><span>收藏文章</span>
					</li>
					<li data-event="click>share">
						<i class="ui-icon-project ui-icon-fenxiang"></i><span>分享</span>
					</li>
				</ul>
			</div>
		<div class="ui-content ui-facilitator ui-article-info" data-role="cell scroll">

			<section>
				<article>
					<h4 style="height:25px;line-height:25px;">
						<%=info.shareTitle%>
					</h4>
					<div style="float:left;margin-top:10px;">
						<i class="ui-icon-project ui-icon-20"></i>
					</div>
					<div class="ui-person-request" style="margin-left:3px;position:relative;width:100%;height:30px;line-height:30px;">
						<em class="ui-font-grey ui-font12" style="margin:0;"><%=info.userName%></em>
						<em class="ui-font-yellow ui-font12" style="margin:0;"><%=$.self.utils.date_format(info.createTime,"M/d h:mm")%></em>
					</div>
					<div>
						<img class="ui-icon-project" style="width:100%;height:75px;border:1px solid pink;" src="<%=path%><%=info.sharePhoto%>"></img>
					</div>
					<p class="ui-home-article-item-text" style="font-size:13px;">
						<%=info.shareContent%>
					</p>
				</article>
			</section>
			<div class="ui-article-hot">
				<div>
					<p class="ui-project-exp-head" style="border-bottom:1px solid #eeeeee;background-color:#ffffff;">热门推荐</p>
				</div>
<ul class="ui-project-list">
	<% this.hotlist.forEach(function(item){ %>
		<li class="ui-bottom-border" style="height:90px;" data-event="click>go:/article/info/<%=item.id%>,/article/info/<%=id%>">
			<div style="">
				<img style="width:97px;height:75px;" src="<%=path%><%=item.userPhoto%>" style="border:1px solid red;" />
			</div>
			<div class="ui-font13" style="float: right;width:calc(100% - 102px)">
				<p class="ui-h4 ui-nowrap ui-font14" style="margin:0 0 3px 0;"><%=item.shareTitle%>
				</p>
				<div class="ui-info-personRequest ui-line-clamp">
					<p class	="ui-font13 ui-section" style="margin:0;-webkit-line-clamp:2;height:35px;"><%=item.shareContent%></p>
				</div>
				<p class="ui-h6 ui-font-grey" style="margin:0;height:20px;line-height:18px;">
					<i class	="ui-icon-project ui-icon-arPhoto" style="float:left;"></i>
					<%=item.userName%>&nbsp;<em class="ui-font-yellow"><%=$.self.date_format(item.createTime,"M/d h:m")%></em>
					<span class="ui-article-label-right"><i class="ui-icon-project ui-icon-pinglun" style="margin-top:2.5px;float:left;"></i><em><%=item.commentCount%>条评论</em></span>
				</p>
			</div>
		</li>	
	<% }); %>
</ul>
			</div>
			<div class="ui-project-exp">
				<p class="ui-project-exp-head">留言板</p>
				<ul class="ui-project-list">
					<li class="ui-bottom-border" style="height:auto;">
						<div class="ui-info-msg">
							<ul>
								<li style="padding-bottom: 3px;padding-top:2px;border-bottom	:1px solid #eeeeee;">
									<div class="ui-photo-content" style="float:left;">
										<i class="ui-icon-project ui-icon-blankPhoto"></i>
									</div>
									<div class="ui-person-request" style="margin-left:3px;position:relative; width: calc(100% - 38px);">
										<p class="ui-font-yellow ui-font13" style="margin:0;">
											姓名
										</p>
										<p class="ui-font-grey ui-font12" style="margin:0;">25分钟前</p>
										<p style="margin:0;-webkit-line-clamp:inherit;" class="ui-section">
											问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答问答
										</p>
										<div class="ui-ask-right-label">
											<i class="ui-icon-15 ui-icon-zan1"></i><span style="float:left;margin:0 10px 0 0;">32</span><i class="ui-icon-15 ui-icon-ask"></i><span style="float:left;margin:0;">3个回答</span>
										</div>
									</div>
								</li>
								<li style="padding-top:3px;">
									<div class="ui-article-liuyan ui-section">
										<div style="position:relative;">
											<p class="ui-font-yellow ui-font13" style="margin:0;">
												姓名
											</p>
											<p class="ui-font-grey ui-font12" style="margin:0;">25分钟前</p>
											<p style="padding:5px 0;border-bottom:1px solid #eeeeee;">回答回答回答回答回答回答回答回答回答回答回答回答回答回答回答回</p>
											<div class="ui-ask-right-label">
												<i class="ui-icon-15 ui-icon-zan1"></i>
												<span style="float:left;margin:0 10px 0 0;">32</span>
												<i class="ui-icon-15 ui-icon-ask"></i>
												<span style="float:left;margin:0;">3个回答</span>
											</div>
										</div>

										<div style="position:relative;">
											<p class="ui-font-yellow ui-font13" style="margin:0;">
												姓名
											</p>
											<p class="ui-font-grey ui-font12" style="margin:0;">25分钟前</p>
											<p style="padding:5px 0;border-bottom:1px solid #eeeeee;">回答回答回答回答回答回答回答回答回答回答回答回答回答回答回答回</p>
											<div class="ui-ask-right-label">
												<i class="ui-icon-15 ui-icon-zan1"></i>
												<span style="float:left;margin:0 10px 0 0;">32</span>
												<i class="ui-icon-15 ui-icon-ask"></i>
												<span style="float:left;margin:0;">3个回答</span>
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class='ui-footer' data-role="cell" style="background: #fff;">
			<div class="ui-ask-info-footer">
				<input placeholder="写评论" />
				<button>发送</button>				
			</div>
		</div>
</div>